<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>自动化用例查询后台</title>
    <!-- Bootstrap Styles-->
    <link href="../../static/css/Appquery.css" rel="stylesheet"/>
    <link href="../../static/css/bootstrap.css" rel="stylesheet"/>
    <!-- FontAwesome Styles-->
    <link href="../../static/css/font-awesome.css" rel="stylesheet"/>
    <!-- Morris Chart Styles-->
    <!-- Custom Styles-->
    <link href="../../static/css/custom-styles.css" rel="stylesheet"/>
    <!-- Google Fonts-->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
</head>
<body>
<div id="wrapper">
    <div id="pop_up_windows">
        <div id="pop_up_data"></div>
        <div id="close_button">
            <button onclick="show_close()">
                关闭弹窗
            </button>
        </div>
    </div>
    <nav class="navbar navbar-default top-navbar" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index"><i class="fa fa-comments"></i> <strong>MASTER </strong></a>
        </div>

        <ul class="nav navbar-top-links navbar-right">
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                    <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
                </a>
                <ul class="dropdown-menu dropdown-user">
                    <li><a href="loginpage"><i class="fa fa-sign-out fa-fw"></i> 退出登录</a>
                    </li>
                </ul>
            </li>
        </ul>
    </nav>
    <!--/. NAV TOP  -->
    <nav class="navbar-default navbar-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav" id="main-menu">

                <li>
                    <a href="index"><i class="fa fa-dashboard"></i> 首页</a>
                </li>

                <li>
                    <a href="appQuery"><i class="fa fa-table"></i> 功能用例查询</a>
                </li>

                <li>
                    <a href="webFunctionQuery"><i class="fa fa-desktop"></i> web用例查询</a>
                </li>

                <li>
                    <a href="interfaceQuery"><i class="fa fa-qrcode"></i> 接口用例查询</a>
                </li>

                <li>
                    <a href="cpuQuery" class="active-menu"><i class="fa fa-sitemap"></i> Cpu占有率查询</a>
                </li>

                <li>
                    <a href="launchTime"><i class="fa fa-bar-chart-o"></i> App启动时间查询</a>
                </li>

                <li>
                    <a href="memoryQuery"><i class="fa fa-fw fa-file"></i> App内存占有率查询</a>
                </li>

            </ul>

        </div>
    </nav>
    <!-- /. NAV SIDE  -->
    <div id="page-wrapper">
        <div id="page-inner">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-header">
                        AppCpu比例
                        <small>App性能用例</small>
                    </h1>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <!-- Advanced Tables -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="col-md-5 " style="width:200px;float:inherit; margin-top: 2%">
                                <div class="input-group date datepicker" style="margin-top: -20px">
                                    <input type="text" class="form-control" id="starttime" style="height:30px;text-align: center;" value="开始时间">
                                    <div class="input-group-addon">
                                        <span class="glyphicon glyphicon-th "></span>
                                    </div>
                                </div>
                                <div class="input-group date datepicker" style="left: 118%;margin-top: -29px;">
                                    <input type="text" class="form-control" id="endtime" style="height:30px;text-align: center;" value="结束时间">
                                    <div class="input-group-addon">
                                        <span class="glyphicon glyphicon-th "></span>
                                    </div>
                                </div>
                                <div>
                                     <input id="caseid" type="text" class="form-control"
                                           style="height:30px;margin-top: -30px;left: 237%;position: relative;text-align: center;" value="用例编号" ;
                                           onclick="clear_input(caseid)";>
                                    <input id="eventid" type="text" class="form-control"
                                           style="height:30px;margin-top: -30px;left: 354%;position: relative;text-align: center;" value="事件编号" ;
                                           onclick="clear_input(eventid)";>
                                    <button type="button"
                                            style="left: 400%;margin-top: -30px;width: 54px; position: absolute;-webkit-border-radius: 13%;-moz-border-radius: 13%;border-radius: 13%;"
                                            id="buttonquery" onclick="queryappcase(buttonquery)">
                                        查询
                                    </button>
                                </div>
                            </div>
                            <div class="panel-body">
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered table-hover"
                                           style="font-weight:normal;font-size: 14px;"
                                           id="dataTables-example">
                                        <thead>
                                        <tr>
                                            <th style="width: 72px;height: 38px;text-align: center;font-size: 11px;">
                                                序号
                                            </th>
                                            <th style="width: 65px;height: 38px;text-align: center;font-size: 11px;">
                                                用例编号
                                            </th>
                                            <th style="height: 38px;text-align: center;font-size: 11px;">CPU占有率</th>
                                            <th style="width: 138px;height: 38px;text-align: center;font-size: 11px;">
                                                功能脚本是否执行
                                            </th>
                                            <th style="width: 152px;height: 38px;text-align: center;font-size: 11px;">
                                                运行用例时间
                                            </th>
                                            <th style="width: 127px;height: 38px;text-align: center;font-size: 11px;">
                                                事件编号
                                            </th>
                                            <!--<th>步骤描述</th>-->
                                            <th style="width: 149px;height: 38px;text-align: center;font-size: 11px;">
                                                创建时间
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody id="datapaging">

                                        </tbody>
                                    </table>
                                    <div id="barcon" class="barcon">
                                        <div id="barcon1" class="barcon1"></div>
                                        <div id="barcon2" class="barcon2">
                                            <ul style="font-size: 11px;font-weight: normal;">
                                                每页显示
                                                <li><select id="jumpWhere"
                                                            onchange="jumpWhereChange(jumpWhere)">
                                                    <option value="10" id="onenumber">
                                                        10
                                                    </option>
                                                    <option value="20" id="twonumber">20</option>
                                                    <option value="50" id="threenumber">50</option>
                                                </select></li>
                                                条<span id="totalcounts"></span><span id="currentpage"></span>
                                                <li id="current_page">，目前在第1页</li>
                                                <li><a href="javascript:void(0)" id="firstPage"
                                                       onclick="page_turning(firstPage)">首页</a></li>
                                                <li><a href="###" id="prePage" onclick="page_turning(prePage)">上一页</a>
                                                </li>
                                                <li><a href="###" id="nextPage" onclick="page_turning(nextPage)">下一页</a>
                                                </li>
                                                <li><a href="javascript:void(0)" id="lastPage"
                                                       onclick="page_turning(lastPage)">尾页</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../../static/js/jquery-1.10.2.js"></script>
<script src="../../static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../static/js/cpuproportion.js" charset="UTF-8"></script>
<script>window.jQuery || document.write('<script src="../../static/js/jquery-1.11.0.min.js"><\/script>')</script>
<script type="text/javascript" src="./../static/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="./../static/js/bootstrap-datepicker.zh-CN.min.js" charset="UTF-8"></script>
<script type="text/javascript">
    $(function () {
        $('.datepicker').datepicker({
            language: 'zh-CN'
        });
    })
</script>
</body>
</html>
